<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>switch_city</title>
		<!--<link rel="stylesheet" href="css/reset.css" />-->
		<link rel="stylesheet" href="css/switch_city.css" />
	</head>

	<body>
		<header class="header"></header>
		<div class="sc_wrap">
			<div class="top">
				<span>您所在的位置:首页></span>
				<span>切换城市</span>
			</div>
			<ul class="sc_top1">
				<li>
					<span>当前城市:</span>
					<span>北京</span>
				</li>
				<li>
					<span>热门城市:</span>
					<span>北京</span>
					<span>上海</span>
					<span>天津</span>
					<span>深圳</span>
				</li>
				<li>
					<span>最近访问:</span>
					<span>北京</span>
					<span>上海</span>
				</li>
				<li>
					<img src="img/MyShooping/pinyinzimu.png" alt="" />
				</li>
			</ul>
			<div id="app-7">
				<ol>
					<todo-item 
						v-for="item in groceryList" 
						v-bind:todo="item" 
						v-bind:key="item.id"
					>
					</todo-item>
				</ol>
			</div>
		</div>
		<footer class="footer"></footer>
	</body>
	<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/switch_city.js" type="text/javascript" charset="utf-8"></script>

</html>